﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="style.css">

</head>
<body>
<header>
    <h1>CSS FUNDAMENTALS</h1>
    <nav>
        <a href="new-page.html">New Page</a>
        <a href="#">HTML</a>
        <a href="#">CSS</a>
        <a href="#">SEMANTIC</a>
    </nav>
    <img src="0016.png" alt="domain" width="50" height="50">
    <p>Created by <strong>LPH Academy</strong> 22 seb 2050</p>
    <img src="0016.png" alt="html-css-js" width="400" height="400">
</header>
<main>
    <section>
        <p>
            <em>Lorem</em> ipsum dolor sit amet consectetur adipisicing elit.Non illum earum porro nemo quasi.
            what should I do?Where are you from?I am from USA.
        </p>
        <p>
            Lorem ipsum dolor sit amet.There is an old man.He likes reading.
        </p>
        <h2>Hyper Text Markup Language</h2>
        <p>
            Lorem ipsum dolor sit amet.There is an old man.He likes reading.
        </p>
    </section>
    <a href="">WSchool</a>
    <section>
        <article>
            <h4>What is HTML?</h4>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
        </article>
        <ol>
            <li>Hyper</li>
            <li>Text</li>
            <li>Markup</li>
            <li>Language</li>
        </ol>
        <h4>Why should we use html</h4>
        <ul>
            <li>Lorem</li>
            <li>Lorem</li>
            <li>Lorem</li>
            <li>Lorem</li>
        </ul>
    </section>
</main>

<footer class="footer">
    <p id="copyright">
        Copyright &copy;Created by LPH Code Space
    </p>
</footer>
</body>
</html>